<template>
    <div class="svg-box">
     <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"  viewBox="-160 0 720 545">

      <g>
       <a class="map-a-hover" x="bjq" @mouseover="changeData('bjq')" @click="linkPage('bjq')" :class="[(active === 'bjq') ? activeClass:normalClass]">
        <path class="mapclas" d="M401.5,403.3c0,0,5.6-10.1,4.5-13.5s-2.3-4.5-2.3-5.6s-2.3-4.5-1.1-4.5s3.4-1.1,3.4-2.3s-4.5-3.4-6.8-4.5
	    s-3.4-1.1-4.5-2.3s-1.1-2.3-1.1-2.3s2.3-2.3,0-2.3s-3.4-1.1-3.4,0c0,1.1,0,1.1-1.1,1.1s-2.3-1.1-2.3-1.1s0-1.1-1.1,0
	    c-1.1,1.1-1.1,1.1-1.1,1.1h-3.4l1.1-1.1l2.3-3.4c0,0,0-1.1-1.1-1.1s-2.3,0-2.3,0v-4.5c0,0-3.4-2.3-4.5-3.4c-1.1-1.1-3.4,0-3.4-1.1
	    s0-3.4,1.1-3.4s1.1-3.4,1.1-3.4s-1.1-2.3,0-2.3s0-1.1,0-2.3s1.1-3.4,1.1-3.4s1.1-1.1,0-2.3c-1.1-1.1-2.3-2.3-3.4-3.4
	    c-0.8-0.8-1-1.6-1.1-2c-0.7,0.8-1.8,2-3.4,2c-2.3,0-3.4,0-4.5,0s-3.4,0-4.5,0s0,0-1.1-1.1s-4.5-2.3-5.6-1.1s-3.4,4.5-5.6,4.5
	    c-2.3,0-1.1-2.3-2.3-1.1c-1.1,1.1,1.1,2.3,0,3.4c-1.1,1.1,0,2.3-1.1,2.3s0-3.4-1.1-3.4s-2.3,1.1-2.3,1.1c0.2,0,0.3,0,0.3,0
	    s-0.1,0-0.3,0c-0.2,0-0.6,0-1.1,0c-2.3,0-3.4,0-3.4,0s-4.5-9-11.3-7.9c-1.1,0-6.8,2.3-6.8,2.3v1.1c0,0,3.4-2.3,3.4,0
	    c0,2.3,0,5.6,0,6.8s-3.4,1.1-3.4,2.3s-4.5,5.6-5.6,5.6s-1.1,2.3-3.4,2.3s-1.1-3.4-2.3-3.4s-1.1,0-2.3,1.1s-2.3,1.1-3.4,2.3
	    s-2.3,3.4-2.3,3.4l-3.4-1.1c0,0,0,2.3-1.1,1.1s-2.3,0-2.3-1.1s-2.3-3.4-2.3-2.3s0,4.5-1.1,3.4s0-4.5-1.1-3.4s-3.4,2.3-3.4,2.3
	    s0,2.3-1.1,4.5c-1.1,2.3-2.3,3.4-2.3,4.5s2.3,2.3,2.3,3.4s2.3,3.4,3.4,4.5s-2.3,2.3-1.1,3.4s4.5,1.1,4.5,3.4s-1.1,3.4-3.4,4.5
	    s-2.3,1.1-2.3,2.3s-2.3,1.1-2.3,2.3s-2.3,4.5-1.1,5.6s1.1,2.3,2.3,2.3c1.1,0,4.5,0,5.6,0s2.3,0,3.4,0s3.4,1.1,3.4,1.1
	    s2.3-5.6,4.5-5.6s2.3,3.4,3.4,4.5s1.1,4.5,3.4,4.5s5.6,0,7.9-1.1c2.3-1.1,2.3-3.4,3.4-3.4s3.4,2.3,3.4,2.3l1.1-2.3h4.5v-4.5h3.4
	    c0,0,3.4-1.1,2.3-2.3s-5.6,0-4.5-1.1s0-6.8,0-6.8s7.9-3.4,9-3.4s2.3,4.5,3.4,4.5s4.5,1.1,4.5,1.1s1.1,0,2.3-1.1s1.1-2.3,2.3-2.3
	    s2.3,3.4,2.3,3.4s2.3,0,4.5,1.1s3.4,0,3.4,1.1s1.1,3.4,0,3.4s-2.3,2.3-3.4,2.3s-2.3-1.1-3.4-1.1s-2.3,0-4.5,0s-2.3,1.1-3.4,1.1
	    c-1.1,0-2.3,3.4-2.3,3.4l-1.1,2.3l2.3,1.1h2.3c0,0,3.4,3.4,4.5,3.4s6.8-4.5,7.9-3.4s2.3,4.5,4.5,3.4c2.3-1.1,5.6-3.4,5.6-3.4h4.5
	    v-1.1h5.6v2.3c0,0,1.1,2.3,2.3,3.4s2.3,4.5,2.3,5.6s1.1,2.3,1.1,3.4s1.1,2.3,1.1,3.4c0,0.5,0.7,1.7,1.4,3l0.9-0.7
	    c0,0,2.3-1.1,4.5-1.1s4.5,1.1,4.5,1.1s2.3-5.6,3.4-4.5s4.5,0,3.4-2.3S401.5,403.3,401.5,403.3z"></path>
        <circle class="outcirc" cx="337.9" cy="360.8" r="6"></circle>
        <circle class="incirc" cx="337.9" cy="360.8" r="3"></circle>
        <text transform="matrix(1 0 0 1 347.5307 363.8099)" class="fontclas">碧江区</text>
       </a>
       <a class="map-a-hover" x="ws" @mouseover="changeData('ws')" @click="linkPage('ws')" :class="[(active === 'ws') ? activeClass:normalClass]">
       <path class="mapclas" d="M366.6,431.4l20.5-17.3c-0.7-1.3-1.4-2.5-1.4-3c0-1.1-1.1-2.3-1.1-3.4s-1.1-2.3-1.1-3.4s-1.1-4.5-2.3-5.6
	    s-2.3-3.4-2.3-3.4v-2.3h-5.6v1.1h-4.5c0,0-3.4,2.3-5.6,3.4c-2.3,1.1-3.4-2.3-4.5-3.4s-6.8,3.4-7.9,3.4s-4.5-3.4-4.5-3.4h-2.3
	    l-2.3-1.1l1.1-2.3c0,0,1.1-3.4,2.3-3.4c1.1,0,1.1-1.1,3.4-1.1s3.4,0,4.5,0s2.3,1.1,3.4,1.1s2.3-2.3,3.4-2.3s0-2.3,0-3.4
	    s-1.1,0-3.4-1.1s-4.5-1.1-4.5-1.1s-1.1-3.4-2.3-3.4s-1.1,1.1-2.3,2.3s-2.3,1.1-2.3,1.1s-3.4-1.1-4.5-1.1s-2.3-4.5-3.4-4.5
	    s-9,3.4-9,3.4s1.1,5.6,0,6.8s3.4,0,4.5,1.1s-2.3,2.3-2.3,2.3h-3.4v4.5h-4.5l-1.1,2.3c0,0-2.3-2.3-3.4-2.3s-1.1,2.3-3.4,3.4
	    c-2.3,1.1-5.6,1.1-7.9,1.1s-2.3-3.4-3.4-4.5s-1.1-4.5-3.4-4.5s-4.5,5.6-4.5,5.6v2.3l-2.3,1.1c0,0-4.5,0-5.6,2.3
	    c-1.1,2.3-1.1,3.4-2.3,5.6s-1.1,5.6-2.3,6.8c-1.1,1.1-3.4,3.4-4.5,2.3s-4.5-10.1-9-9s-3.4,3.4-3.4,3.4v5.6c0,0-6.8,6.8-6.8,7.9
	    c0,0.7,1.6,3,3.2,5.2c0.6-0.1,1.4-0.1,2.5,0.4c2.3,1.1,4.5,2.3,4.5,2.3s1.1,0,2.3,0s1.1,0,2.3-1.1c1.1-1.1,2.3-3.4,3.4-4.5
	    s1.1-2.3,2.3-1.1s3.4,1.1,3.4,2.3s0,2.3,1.1,2.3c1.1,0,2.3,0,3.4,0s1.1,3.4,1.1,3.4s-4.5,2.3-4.5,3.4s0,3.4,0,3.4l2.3,1.1
	    c0,0,3.4-1.1,4.5-1.1s2.3,1.1,2.3,2.3s4.5,3.4,4.5,2.3c0-0.8,1.2-1,1.8-0.7c0.6-0.7,1.2-1.2,1.6-1.6c1.1-1.1,4.5-2.3,5.6-3.4
	    s1.1-3.4,3.4-5.6s3.4-2.3,3.4-3.4c0-1.1,3.4-3.4,3.4-4.5s2.3-1.1,4.5-1.1s2.3,2.3,3.4,2.3s2.3-3.4,2.3-3.4s1.1,0,2.3,0
	    s3.4,2.3,3.4,3.4s-1.1,2.3-2.3,3.4c-1.1,1.1,3.4,3.4,2.3,4.5s1.1,4.5,0,6.8c-0.3,0.5-0.6,1-1,1.4l1,1.9c0,0,0,1.1,0,2.3
	    s-1.1,3.4-1.1,3.4s0,1.1,1.1,1.1s0,1.1,1.1,0s1.1-1.1,2.3-2.3s2.3-2.3,2.3-2.3l2.3-2.3c0,0,2.3-3.4,4.5-2.3
	    c2.3,1.1,2.3,2.3,3.4,3.4s4.5,1.1,4.5,1.1v4.5c0,0,1.1,1.1,2.3,0s2.3-2.3,2.3-2.3h9l1.1-7.9l-1.1-1.1V431.4z"></path>
       <circle class="outcirc" cx="348.4" cy="419.7" r="6"></circle>
       <circle class="incirc" cx="348.4" cy="419.7" r="3"></circle>
       <text transform="matrix(1 0 0 1 358.0412 422.7115)" class="fontclas">万山区</text>
      </a>
       <a class="map-a-hover" x="st" @mouseover="changeData('st')" @click="linkPage('st')" :class="[(active === 'st') ? activeClass:normalClass]">
       <path class="mapclas" d="M388,223l2.3-1.1c0,0,0-1.1-2.3-1.1s-2.3,0-2.3,0s-1.1-2.3-2.3-1.1s0,2.3-1.1,2.3S379,223,379,223
	    s-2.3,0-1.1-1.1c1.1-1.1,2.3-2.3,2.3-2.3s1.1-2.3,0-2.3s-3.4-1.1-3.4-1.1l-2.3-1.1c0,0-2.3,1.1-2.3,2.3c0,1.1-3.4,3.4-3.4,3.4
	    l-3.4-1.1c0,0,1.1-2.3,0-3.4c-1.1-1.1-6.8-4.5-5.6-5.6s0-3.4,0-3.4l-1.1-3.4c0,0,2.3-3.4,3.4-4.5s2.3-4.5,1.1-5.6
	    s-4.5-1.1-5.6-3.4s-1.1-15.8-1.1-15.8s1.1-1.1,1.1-2.3s-1.1-1.1-1.1-2.3c0-1.1,1.1-2.3,1.1-2.3l1.1-2.3c0,0,1.1,1.1,1.1,0
	    s0-3.4,0-3.4l-10.1,5.6c0,0-1.1-2.3-2.3-2.3s-4.5,0-4.5,1.1s-2.3,1.1-2.3,2.3s-1.1,4.5-1.1,4.5s-2.3-1.1-2.3,0s1.1,2.3,1.1,3.4
	    s-1.1,1.1-2.3,1.1s-2.3,2.3-1.1,3.4s0,2.3-1.1,2.3s-2.3-2.3-2.3-1.1s-1.1,2.3,0,3.4c1.1,1.1,0,3.4,0,4.5s1.1,3.4,0,4.5
	    s-4.5,3.4-4.5,3.4s5.6,2.3,4.5,3.4c-1.1,1.1-2.3,1.1-3.4,2.3s0,3.4,0,4.5s-2.3,3.4-2.3,4.5s-2.3,2.3-2.3,3.4c0,1.1-2.3,0-1.1,1.1
	    c1.1,1.1,1.1,1.1,1.1,2.3s-3.4,2.3-3.4,2.3s-2.3,2.3-3.4,2.3s-2.3,1.1-2.3,2.3s1.1,3.4,1.1,3.4s0,2.3,1.1,3.4
	    c1.1,1.1,2.3,3.4,2.3,4.5s1.1,3.4,0,3.4s-1.1,0-2.3,1.1s-1.1,2.3-1.1,2.3s0-1.1-3.4-2.3c-3.4-1.1-2.3-2.3-4.5-2.3s-3.4,0-3.4-1.1
	    s0-3.4-1.1-3.4s-1.1-2.3-2.3,0s-1.1,2.3-1.1,3.4s-1.1,1.1-1.1,2.3s-1.1,2.3,0,3.4s-1.1,2.3-1.1,3.4c0,1.1-1.1,3.4-1.1,3.4h-3.4
	    c0,0-1.1-1.1-2.3-2.3c-1.1-1.1-4.5-1.1-4.5-2.3s-3.4-3.4-4.5-3.4s-3.4-1.1-3.4-2.3s2.3-4.5,1.1-4.5s-3.4-1.1-3.4-1.1s-1.1,0-2.3,0
	    s-1.1-2.3-2.3-1.1s-3.4,3.4-4.5,3.4s-4.5,2.3-6.8,2.3s-4.5-1.1-4.5-3.4s-3.4-3.4-2.3-4.5c1.1-1.1,2.3-3.4,1.1-3.4
	    c-1.1,0-3.4-1.1-4.5,0s-1.1,4.5-1.1,4.5s-1.1,1.1-2.3,1.1s-3.4,0-3.4,1.1s-2.3,2.3-2.3,3.4s1.1,4.5,0,4.5s-2.3-1.1-2.3-1.1
	    s0-4.5,0-5.6s-2.3-3.4-2.3-3.4h-2.3c0,0,0-4.5,0-5.6s-2.3-1.1-2.3-2.3s-1.1-3.4-1.1-3.4s-1.1-2.3,0-3.4s6.8-4.5,6.8-4.5l3.4-3.4
	    c0,0,2.3-2.3,0-2.3s-3.4-2.3-2.3-2.3s4.5-3.4,4.5-3.4V196l1.1-2.3c0,0,0-2.3-2.3-2.3c-2.3,0-3.4-1.1-3.4-2.3s3.4-5.6,4.5-9
	    c1.1-3.4-6.8-4.5-6.8-6.8s1.1-2.3,0-3.4c-1.1-1.1-5.6-2.3-5.6-3.4s-1.1-4.5-1.1-4.5l-2.3-2.3l-1.1,3.4c0,0,0,2.3-1.1,2.3
	    s-3.4,0-3.4,0l-2.3,1.1h-3.4c0,0-2.3-1.1-2.3,0s-3.4,4.5-3.4,4.5s-1.1,1.1,0,1.1s2.3,2.3,3.4,2.3c1.1,0,2.3,1.1,2.3,1.1l1.1,2.3
	    c0,0,0,0,1.1,1.1s3.4,2.3,3.4,2.3s1.1,0,1.1,1.1s-1.1,1.1,0,2.3s1.1,1.1,1.1,1.1v2.3l-4.5,2.3c0,0-2.3,0-2.3,1.1s-2.3,3.4-2.3,4.5
	    s0,2.3,0,3.4s0,1.1,0,1.1s1.1-1.1,2.3-1.1s2.3,1.1,2.3,1.1s-1.1,1.1-1.1,2.3s-1.1,2.3-2.3,2.3s-1.1,0-2.3,0c-1.1,0-3.4,0-3.4,0
	    s0-1.1-1.1,0s-1.1,2.3-2.3,2.3c-0.8,0-2.2,0-2.9,0l-0.5,2.3l-1.4,1.4c0.6,3.3,1.4,6.4,1.4,6.4s5.6,0,7.9,0c2.3,0,2.3,5.6,2.3,7.9
	    s-1.1,5.6-2.3,6.8c-1.1,1.1,1.1,3.4,2.3,4.5c1.1,1.1,0,2.3,1.1,4.5s-1.1,9-1.1,11.3s2.3,4.5,2.3,4.5s3.4,1.1,4.5,1.1
	    s0-2.3,1.1-3.4s1.1,0,2.3,1.1s0,3.4,0,4.5s3.4,0,3.4,0s2.3-3.4,2.3-4.5s2.3,2.3,3.4,2.3s1.1-2.3,2.3-2.3s2.3,3.4,3.4,3.4
	    s1.1-2.3,2.3-2.3s0-3.4,0-4.5s0-3.4,0-4.5c0-1.1-1.1-2.3,0-2.3s2.3,0,3.4,1.1c1.1,1.1,1.1,0,2.3,0s3.4,0,3.4,0v2.3
	    c0,0-2.3,1.1-3.4,1.1s0,3.4,0,3.4s1.1,3.4,0,3.4s-1.1,1.1-1.1,1.1s0,4.5-1.1,6.8c-1.1,2.3-5.6,1.1-6.8,2.3s-1.1,4.5-1.1,5.6
	    c0,1.1-1.1,1.1-1.1,2.3s1.1,2.3,2.3,4.5s0,3.4,0,3.4s1.1,22.5,0,22.5c-0.2,0-0.8,0.4-1.7,1.1c0.2,0,0.4,0.1,0.6,0.1
	    c1.1,0,3.4-1.1,3.4,0s4.5,4.5,5.6,4.5s3.4-2.3,4.5-2.3s2.3,3.4,3.4,4.5s2.3,2.3,2.3,2.3s3.4,0,3.4,1.1s-1.1,4.5-1.1,4.5l1.1,2.3
	    h3.4c0,0,1.1-3.4,3.4-2.3s4.5,3.4,4.5,2.3s1.1-3.4,2.3-3.4s5.6,0,5.6,0s0,3.4,1.1,3.4s2.3,0,1.1,1.1s-1.1,3.4-1.1,3.4l2.3-2.3
	    l13.5,1.1l1.1-3.4c0,0,0-2.3,0-3.4s2.3-2.3,2.3-2.3s1.1,2.3,1.1,3.4s0,1.1,1.1,2.3s1.1,0,2.3,0s2.3-3.4,3.4-3.4s3.4,0,4.5,1.1
	    s2.3-1.1,3.4,1.1c1.1,2.3-1.1,1.1-1.1,3.4s-2.3,4.5-3.4,4.5s-4.5,2.3-4.5,3.4c0,1.1-1.1,1.1-1.1,1.1l1.1,5.6c0,0,1.1,0,2.3,0
	    s3.4,0,3.4-1.1s2.3-2.3,2.3-3.4s0-3.4,0-4.5s2.3-1.1,2.3-1.1l2.3,1.1c0,0,5.6-2.3,6.8-2.3c6.8-1.1,11.3,7.9,11.3,7.9s1.1,0,3.4,0
	    c0.6,0,0.9,0,1.1,0c0,0,1.1-1.1,2.3-1.1s0,3.4,1.1,3.4s0-1.1,1.1-2.3c1.1-1.1-1.1-2.3,0-3.4c1.1-1.1,0,1.1,2.3,1.1
	    c2.3,0,4.5-3.4,5.6-4.5s4.5,0,5.6,1.1s0,1.1,1.1,1.1s3.4,0,4.5,0s2.3,0,4.5,0c1.6,0,2.7-1.2,3.4-2c0-0.2,0-0.3,0-0.3l0.8-0.4
	    c0,0,0,0,0,0c0.3-0.1,0.9-0.4,1.5-0.7c0,0-1.1-1.1-2.3-1.1s0-1.1-1.1-1.1s-1.1-1.1-1.1-1.1s1.1-2.3,1.1-3.4s-2.3-2.3-2.3-3.4
	    s0-3.4,0-4.5s-1.1-4.5-1.1-5.6s1.1-1.1,0-2.3s-1.1-2.3,0-3.4c1.1-1.1,3.4-1.1,3.4-1.1v-5.6l5.6-4.5h3.4l2.3-3.4l1.1-2.3
	    c0,0,2.3-1.1,1.1-2.3s-2.3-2.3-3.4-3.4s-1.1,0-2.3-1.1s-2.3-2.3-2.3-2.3s-1.1-1.1-2.3,0s-2.3,3.4-2.3,3.4s-1.1,1.1-1.1,2.3
	    s-1.1,2.3-2.3,2.3s-2.3,1.1-2.3,1.1s-1.1,0-1.1-2.3s1.1-7.9,1.1-7.9s-1.1-1.1,0-2.3s2.3-4.5,2.3-4.5s1.1-1.1,1.1-2.3
	    s0-2.3,1.1-3.4s1.1-2.3,1.1-3.4s0-2.3,1.1-2.3s1.1-2.3,1.1-3.4s0-3.4,0-3.4h1.1v-12.4l3.4-2.3l1.1-2.3l-1.1-3.4
	    c0,0,2.3-1.1,3.4-2.3s0-3.4,0-3.4s1.1,0,2.3-1.1S388,223,388,223z"></path>
       <circle class="outcirc" cx="338.9" cy="262.6" r="6"></circle>
       <circle class="incirc" cx="338.9" cy="262.6" r="3"></circle>
       <text transform="matrix(1 0 0 1 322.364 284.8473)" class="fontclas">松桃县</text>
      </a>
       <a class="map-a-hover" x="yh" @mouseover="changeData('yh')" @click="linkPage('yh')" :class="[(active === 'yh') ? activeClass:normalClass]">
       <path class="mapclas" d="M86.1,130.7c0,0,4.5,2.3,5.6,2.3c1.1,0,4.5,5.6,5.6,6.8c1.1,1.1,2.3,4.5,2.3,4.5h4.5c0,0-1.1,3.4-1.1,4.5
	    s0,4.5,1.1,5.6c1.1,1.1,3.4,6.8,3.4,6.8s-1.1,3.4-2.3,5.6s-4.5,6.8-3.4,7.9s1.1,2.3,2.3,3.4s2.3,1.1,3.4,1.1
	    c1.1,0,2.3,2.3,1.1,3.4c-1.1,1.1-1.1,4.5,0,5.6c1.1,1.1,2.3,1.1,3.4,2.3s0,4.5,1.1,4.5s1.1-2.3,3.4-2.3c2.3,0,3.4,1.1,4.5,0
	    s3.4-1.1,4.5-1.1s3.4,0,2.3,1.1s-2.3,1.1,0,2.3s5.6,2.3,6.8,3.4c1.1,1.1,3.4,4.5,4.5,5.6s0,2.3,0,3.4v1.1l-7.9,1.1
	    c0,0-1.1,6.8,0,6.8s3.4,3.4,3.4,3.4s1.1,3.4,2.3,4.5s2.3,3.4,3.4,3.4s12.4,0,12.4,0s2.3,2.3,4.5,4.5c2.3,2.3,5.6,2.3,5.6,3.4
	    s1.1,3.4,2.3,2.3s2.3-3.4,3.4-5.6c1.1-2.3,2.3-4.5,3.4-6.8s2.3-4.5,3.4-4.5s3.4,0,3.4-1.1s1.1-3.4,2.3-6.8s1.1-5.6,2.3-6.8
	    c1.1-1.1,2.3,0,2.3,0s1.1-2.3,2.3-2.3s2.3,2.3,2.3,3.4s0,2.3,1.1,2.3s1.1-1.1,2.3-1.1s2.3,0,2.3,1.1s1.1,2.3,1.1,3.4s0,1.1,0,1.1
	    l2.3-3.4l2.3,2.3l1.1-1.1l2.3-2.3l0.5-2.3c-0.3,0-0.5,0-0.5,0s0-2.3-1.1-3.4s-3.4-2.3-3.4-2.3s-2.3,2.3-2.3,1.1s-1.1-9-1.1-9v-4.5
	    c0,0,2.3-3.4,3.4-3.4s2.3,0,3.4,0s1.1,1.1,1.1,0c0-1.1,1.1-7.9,1.1-7.9s-3.4-1.1-3.4-2.3s0-4.5-1.1-4.5s-2.3-1.1-2.3-2.3
	    s0-4.5,0-4.5l-2.3-3.4c0,0,2.3-1.1,1.1-3.4c-1.1-2.3-1.1-5.6-1.1-5.6s3.4-2.3,4.5-2.3s5.6,0,4.5-1.1s-2.3-3.4-2.3-6.8
	    c0-3.4,0-5.6,1.1-6.8s5.6-4.5,5.6-5.6s1.1-4.5,0-5.6s-1.1-2.3-3.4-1.1s-2.3,3.4-3.4,2.3s-2.3-2.3-3.4-2.3s-1.1-2.3-2.3-3.4
	    c-1.1-1.1-3.4-2.3-3.4-2.3l-1.1,3.4h-3.4c0,0-1.1-2.3-2.3-1.1c-1.1,1.1-2.3,2.3-2.3,2.3s-2.3,2.3-4.5,3.4
	    c-2.3,1.1-3.4,2.3-6.8,1.1s-6.8,0-9-1.1c-2.3-1.1-6.8-4.5-9-4.5s-3.4,0-5.6-2.3c-2.3-2.3-3.4-2.3-5.6-3.4s-2.3,0-3.4-1.1
	    s-1.1-4.5,0-4.5s2.3-5.6,2.3-7.9s0-4.5,0-4.5s6.8-10.1,7.9-10.1c1.1,0,2.3-5.6,1.1-6.8c-1.1-1.1-6.8-3.4-7.9-4.5s0-3.4,0-4.5
	    s-1.1-6.8-1.1-6.8s1.1-6.8,1.1-9c0-2.3-1.1-12.4-1.1-12.4s-5.6-3.4-6.8-4.5s-1.1-2.3-1.1-5.6s-2.3-6.8-2.3-10.1s-2.3-5.6-2.3-7.9
	    s1.1-5.6,1.1-5.6l1.1-3.4c0,0-5.6-3.4-6.8-3.4s-3.4-1.1-3.4,1.1s2.3,5.6,1.1,5.6c-1.1,0-2.3,2.3-2.3,3.4s1.1,3.4,0,4.5
	    s-2.3,2.3-3.4,2.3s-1.1,0-2.3,0c-1.1,0-2.3,0-2.3,0s1.1-2.3,1.1-3.4s-2.3-3.4-3.4-3.4s-3.4-2.3-3.4-2.3s0-2.3-1.1-2.3
	    c-1.1,0-2.3,1.1-3.4,1.1s-4.5,0-4.5,1.1s-3.4,2.3-3.4,2.3l-3.4,1.1c0,0,1.1-3.4,0-3.4c-1.1,0-3.4-3.4-4.5-3.4s-7.9-2.3-7.9-2.3
	    h-2.3l2.3,3.4l-1.1,2.3c0,0-2.3,1.1-1.1,2.3s1.1,3.4,1.1,3.4s0,1.1,0,2.3c0,1.1-1.1,5.6,0,5.6s1.1,2.3,1.1,2.3s1.1,1.1,2.3,2.3
	    c1.1,1.1,4.5,5.6,4.5,5.6v5.6c0,0,5.6,1.1,6.8,4.5c1.1,3.4-2.3,14.6-2.3,14.6v4.5c0,0,3.4,3.4,4.5,3.4s3.4,3.4,4.5,4.5
	    c1.1,1.1,2.3,4.5,3.4,5.6s1.1,4.5,1.1,4.5s4.5-5.6,5.6-4.5s1.1,11.3,1.1,11.3s-7.9,5.6-7.9,6.8s0,10.1,0,10.1s0,3.4-1.1,3.4
	    s-1.1,2.3-1.1,3.4c0,1.1-4.5,3.4-4.5,3.4s-6.8,3.4-6.8,4.5c1,1.9,1.5,2.3,1.1,3.4c0,0,0,0,0,0c0,0.2-0.1,0.4-0.3,0.6
	    c-0.2,0.4-0.6,0.8-1,1c-0.5,0.5-1.1,0.9-1.7,1.4c-0.3,0.4-0.5,0.8-0.5,1.4C88.4,129.5,86.1,130.7,86.1,130.7z"></path>
       <circle class="incirc" cx="174" cy="147.4" r="3"></circle>
       <circle class="outcirc" cx="174" cy="147.4" r="6"></circle>
       <text transform="matrix(1 0 0 1 156.5427 169.014)" class="fontclas">沿河县</text>
      </a>
       <a class="map-a-hover" x="yj" @mouseover="changeData('yj')" @click="linkPage('yj')" :class="[(active === 'yj') ? activeClass:normalClass]">
       <path class="mapclas" d="M194.3,388.6c0-1.1,0-2.3,1.1-2.3s2.3-2.3,4.5-3.4c2.3-1.1,3.4-3.4,3.4-5.6s-3.4-18-11.3-18
	    c0,0-2.3,3.4-3.4,2.3s-1.1-2.3-3.4-2.3s-3.4,1.1-3.4,1.1h-3.4l-1.1-1.1v-12.4c0,0,3.4-2.3,4.5-2.3c1.1,0,7.9,0,7.9,0v-2.3
	    c0,0,0-6.8,1.1-7.9c1.1-1.1,1.1-9,1.1-9s0-3.4,3.4-3.4c3.4,0,5.6,2.3,5.6,2.3h3.4c0,0,6.8-4.5,11.3-5.6c4.5-1.1,4.5-2.3,6.8-2.3
	    s14.6-11.3,15.8-11.3s0-22.5,0-22.5s1.1-1.1,0-3.4s-2.3-3.4-2.3-4.5s1.1-1.1,1.1-2.3c0-1.1,0-4.5,1.1-5.6s5.6,0,6.8-2.3
	    c1.1-2.3,1.1-6.8,1.1-6.8s0-1.1,1.1-1.1s0-3.4,0-3.4s-1.1-3.4,0-3.4s3.4-1.1,3.4-1.1v-2.3c0,0-2.3,0-3.4,0s-1.1,1.1-2.3,0
	    c-1.1-1.1-2.3-1.1-3.4-1.1s0,1.1,0,2.3c0,1.1,0,3.4,0,4.5s1.1,4.5,0,4.5s-1.1,2.3-2.3,2.3s-2.3-3.4-3.4-3.4s-1.1,2.3-2.3,2.3
	    s-3.4-3.4-3.4-2.3s-2.3,4.5-2.3,4.5s-3.4,1.1-3.4,0s1.1-3.4,0-4.5s-1.1-2.3-2.3-1.1s0,3.4-1.1,3.4s-4.5-1.1-4.5-1.1
	    s-2.3-2.3-2.3-4.5s2.3-9,1.1-11.3s0-3.4-1.1-4.5c-1.1-1.1-3.4-3.4-2.3-4.5c1.1-1.1,2.3-4.5,2.3-6.8s0-7.9-2.3-7.9
	    c-2.3,0-7.9,0-7.9,0s-0.8-3.2-1.4-6.4l-0.8,0.8l-1.1,1.1l-2.3-2.3l-2.3,3.4c0,0,0,0,0-1.1s-1.1-2.3-1.1-3.4s-1.1-1.1-2.3-1.1
	    s-1.1,1.1-2.3,1.1s-1.1-1.1-1.1-2.3s-1.1-3.4-2.3-3.4s-2.3,2.3-2.3,2.3s-1.1-1.1-2.3,0c-1.1,1.1-1.1,3.4-2.3,6.8s-2.3,5.6-2.3,6.8
	    s-2.3,1.1-3.4,1.1s-2.3,2.3-3.4,4.5s-2.3,4.5-3.4,6.8c-1.1,2.3-2.3,4.5-3.4,5.6s-2.3-1.1-2.3-2.3c0-0.4-0.4-0.6-1-0.9
	    c-0.5,1.2-1,2.3-1.3,3.1c-1.1,3.4-2.3,2.3-3.4,4.5s-4.5,7.9-4.5,7.9s-3.4,1.1-4.5,1.1s-2.3,4.5-2.3,5.6s-2.3,4.5-3.4,5.6
	    s-3.4,3.4-3.4,3.4s0,9-1.1,9s-2.3,2.3-3.4,3.4c-1.1,1.1-1.1,0-1.1-1.1c0-0.4-0.3-1.1-0.8-1.9l-0.4,1.9v3.4c0,0,4.5,1.1,4.5,2.3
	    s1.1,3.4,1.1,4.5s-1.1,2.3-1.1,2.3l2.3,2.3l1.8-0.9c0.1-0.2,0.5-0.2,0.5-0.2l-0.5,0.2c-0.1,0.2,0,0.4,0.5,0.9
	    c1.1,1.1,1.1,2.3,1.1,3.4s-3.4,5.6-2.3,5.6s5.6,3.4,6.8,5.6s1.1,3.4,1.1,5.6s-1.1,5.6-1.1,5.6s3.4,5.6,3.4,6.8s-2.3,2.3-3.4,2.3
	    s-1.1-1.1-2.3-1.1s-3.4,2.3-5.6,4.5s-2.3,4.5-3.4,5.6c-1.1,1.1-1.1,4.5,0,4.5c1.1,0,7.9-5.6,9-5.6s0,4.5,0,4.5h4.5v5.6
	    c0,0,3.4,5.6,4.5,4.5s6.8-5.6,9-4.5s2.3,10.1,2.3,11.3s0,12.4,0,12.4l3.4,1.1l-11.3,12.4h-9v1.1l-4.5,1.1v3.4l6.8,7.9h2.3l5.6,5.6
	    h5.6c0,0,6.8-2.3,7.9-3.4c1.1-1.1,4.5-1.1,5.6-2.3s2.3-2.3,3.4-2.3s3.4,2.3,4.5,2.3s6.8-3.4,6.8-3.4s0.1,0.1,0.2,0.3l0.9-1.4
	    C193.1,390.9,194.3,389.7,194.3,388.6z"></path>
       <circle class="outcirc" cx="165" cy="290.2" r="6"></circle>
       <circle class="incirc" cx="165" cy="290.2" r="3"></circle>
       <text transform="matrix(1 0 0 1 176.9788 294.2049)" class="fontclas">印江县</text>
      </a>
       <a class="map-a-hover" x="sn" @mouseover="changeData('sn')" @click="linkPage('sn')" :class="[(active === 'sn') ? activeClass:normalClass]">
       <path class="mapclas" d="M53.5,403.3c1.1,1.1,4.5,6.8,6.8,9c2.3,2.3,1.1,3.4,1.1,5.6s4.5-2.3,4.5-2.3s2.3,2.3,3.4,3.4
	    c1.1,1.1,3.4-7.9,3.4-7.9S76,403.3,76,401s2.3-6.8,2.3-7.9s2.3-1.1,3.4-2.3s2.3-3.4,2.3-4.5s1.1-1.1,1.1-1.1s4.5-4.5,4.5-5.6
	    s1.1-4.5,2.3-4.5c1.1,0,2.3-1.1,5.6-2.3c3.4-1.1,4.5,4.5,4.5,4.5s0,9-1.1,10.1c-1.1,1.1,0,2.3,0,4.5s4.5-1.1,6.8-1.1
	    c2.3,0,3.4,2.3,4.5,2.3s2.3-1.1,2.3-1.1v-5.6c0,0-3.4-3.4-4.5-4.5s2.3-3.4,2.3-3.4v-6.8h2.3c0,0,1.1-1.1,3.4-1.1
	    c2.3,0,2.3,1.1,2.3,1.1v7.9l7.9,5.6c0,0,3.4,0,4.5,0s2.3-2.3,3.4-3.4c1.1-1.1,3.4-2.3,4.5-2.3s3.4,4.5,3.4,4.5l4.5-1.1v-1.1h9
	    l11.3-12.4l-3.4-1.1c0,0,0-11.3,0-12.4s0-10.1-2.3-11.3s-7.9,3.4-9,4.5s-4.5-4.5-4.5-4.5V339h-4.5c0,0,1.1-4.5,0-4.5
	    s-7.9,5.6-9,5.6c-1.1,0-1.1-3.4,0-4.5c1.1-1.1,1.1-3.4,3.4-5.6s4.5-4.5,5.6-4.5s1.1,1.1,2.3,1.1s3.4-1.1,3.4-2.3s-3.4-6.8-3.4-6.8
	    s1.1-3.4,1.1-5.6s0-3.4-1.1-5.6s-5.6-5.6-6.8-5.6s2.3-4.5,2.3-5.6s0-2.3-1.1-3.4c-0.5-0.5-0.5-0.7-0.5-0.9l-1.8,0.9l-2.3-2.3
	    c0,0,1.1-1.1,1.1-2.3s-1.1-3.4-1.1-4.5s-4.5-2.3-4.5-2.3v-3.4l0.4-1.9c-0.8-1.3-1.9-2.6-2.6-2.6c-1.1,0-2.3,2.3-2.3,3.4
	    s-5.6,1.1-5.6,1.1s-4.5-2.3-5.6-2.3c-1.1,0-2.3-3.4-2.3-3.4l1.1-3.4c0,0-1.1-1.1-3.4,0s-1.1-2.3-1.1-4.5s1.1-6.8,1.1-9
	    s-4.5-1.1-5.6-1.1s-2.3,5.6-3.4,6.8s0,6.8-1.1,6.8s-3.4,0-4.5-1.1s-1.1-2.3-4.5-3.4c-3.4-1.1-7.9,4.5-7.9,4.5v2.3
	    c0,0-2.3,2.3-3.4,2.3s-7.9,6.8-7.9,6.8s-4.5-1.1-5.6,0s-2.3,0-3.4,0s-9,2.3-10.1,2.3c-1.1,0-3.4,1.1-3.4,2.3s2.3,2.3,2.3,3.4
	    s-1.1,3.4-1.1,3.4l-2.3,1.1c0,0-2.3,0-3.4,0s0,1.1,0,1.1l-1.5,0.3c0.2,0.3,0.3,0.5,0.3,0.8c0,1.1-5.6,7.9-4.5,14.6
	    c1.1,6.8,2.3,11.3,2.3,11.3h-3.4c0,0-2.3,2.3-2.3,3.4s-2.3,2.3-2.3,3.4s0,10.1,0,10.1s5.6,5.6,5.6,6.8s1.1,2.3,3.4,4.5
	    c2.3,2.3,5.6,4.5,5.6,6.8s-6.8,5.6-5.6,10.1c1.1,4.5,3.4,10.1,3.4,12.4s-3.4,4.5-4.5,6.8c-0.9,1.8-3.3,5.9-4.2,8
	    c2.4,0.1,5.2,0.4,6.5,1C47.8,393.1,52.3,402.1,53.5,403.3z"></path>
       <circle class="outcirc" cx="107.9" cy="311.9" r="6"></circle>
       <circle class="incirc" cx="107.9" cy="311.9" r="3"></circle>
       <text transform="matrix(1 0 0 1 91.3445 334.1138)" class="fontclas">思南县</text>
      </a>
       <a class="map-a-hover" x="sq" @mouseover="changeData('sq')" @click="linkPage('sq')" :class="[(active === 'sq') ? activeClass:normalClass]">
       <path class="mapclas" d="M188.6,416.8c0-3.4,2.3-3.4,3.4-6.8s-3.4-5.6-3.4-5.6v-4.5c0,0,2.3-4.5,3.4-5.6s0-2.3,0-2.3s-5.6,3.4-6.8,3.4
	    s-3.4-2.3-4.5-2.3s-2.3,1.1-3.4,2.3s-4.5,1.1-5.6,2.3c-1.1,1.1-7.9,3.4-7.9,3.4h-5.6l-5.6-5.6h-2.3l-6.8-7.9v-3.4
	    c0,0-2.3-4.5-3.4-4.5s-3.4,1.1-4.5,2.3c-1.1,1.1-2.3,3.4-3.4,3.4s-4.5,0-4.5,0l-7.9-5.6v-7.9c0,0,0-1.1-2.3-1.1
	    c-2.3,0-3.4,1.1-3.4,1.1H112v6.8c0,0-3.4,2.3-2.3,3.4s4.5,4.5,4.5,4.5v5.6c0,0-1.1,1.1-2.3,1.1s-2.3-2.3-4.5-2.3
	    c-2.3,0-6.8,3.4-6.8,1.1s-1.1-3.4,0-4.5c1.1-1.1,1.1-10.1,1.1-10.1s-1.1-5.6-4.5-4.5c-3.4,1.1-4.5,2.3-5.6,2.3
	    c-1.1,0-2.3,3.4-2.3,4.5s-4.5,5.6-4.5,5.6s-1.1,0-1.1,1.1s-1.1,3.4-2.3,4.5s-3.4,1.1-3.4,2.3S76,398.7,76,401s-3.4,10.1-3.4,10.1
	    s-2.3,9-3.4,7.9c-1.1-1.1-3.4-3.4-3.4-3.4s-4.5,4.5-4.5,2.3s1.1-3.4-1.1-5.6c-2.3-2.3-5.6-7.9-6.8-9s-5.6-10.1-7.9-11.3
	    c-1.2-0.6-4.1-0.9-6.5-1c-0.2,0.5-0.3,0.8-0.3,1c0,1.1,1.1,14.6-1.1,18c-2.3,3.4-11.3,0-12.4,1.1c-1.1,1.1-3.4,2.3-4.5,4.5
	    c-1.1,2.3-2.3,12.4-3.4,12.4c-1.1,0-14.6,3.4-13.5,7.9s9,5.6,10.1,5.6c0,1.1,0,12.4,0,12.4l-7.9,1.1c0,0-1.1,1.1,0,2.3
	    s4.5,1.1,4.5,3.4c0,2.3-2.3,1.1-2.3,2.3s5.6,3.4,7.9,2.3c0,2.3-1.1,4.5,0,5.6c1.1,1.1,10.1,1.1,11.3,1.1c1.1,0,3.4-5.6,7.9-5.6
	    s4.5,4.5,4.5,5.6s3.4,3.4,4.5,3.4c1.1,0,1.1-1.1,1.1-2.3s-2.3-2.3-2.3-3.4s3.4-5.6,6.8-5.6s2.3,5.6,2.3,5.6S47.8,472,49,472
	    c1.1,0,2.3,1.1,2.3,2.3s0,0,1.1,0c1.1,0,1.1,0,2.3,0c1.1,0,3.4,0,3.4,1.1s3.4,2.3,3.4,2.3s1.1-1.1,1.1-2.3s4.5-1.1,5.6-1.1
	    s5.6-3.4,6.8-2.3s5.6-1.1,6.8-1.1s4.5,2.3,4.5,2.3h6.8c0,0,4.5,9,9,7.9c4.5-1.1,5.6-21.4,12.4-20.3s10.1,5.6,13.5,5.6
	    s4.5-1.1,4.5-1.1h4.5c0,0,2.3-1.1,3.4-2.3s2.3-2.3,3.4-3.4c1.1-1.1,5.6-4.5,6.8-5.6c1.1-1.1,5.6-2.3,6.8-3.4s2.3-4.5,5.6-4.5
	    s7.9,2.3,7.9,2.3s0,3.4,2.3,2.3s3.4-4.5,4.5-4.5s3.4,1.1,4.5,1.1c1.1,0,1.1-5.6,1.1-5.6s4.5-10.1,6.8-10.1c0.3,0,0.5,0,0.7,0
	    c0.8-1.5,1.5-3.2,1.5-4.5C192,423.5,188.6,420.1,188.6,416.8z"></path>
       <circle class="outcirc" cx="116.2" cy="417.7" r="6"></circle>
       <circle class="incirc" cx="116.2" cy="417.7" r="3"></circle>
       <text transform="matrix(1 0 0 1 99.6189 439.9451)" class="fontclas">石阡县</text>
      </a>
       <a class="map-a-hover" x="jk" @mouseover="changeData('jk')" @click="linkPage('jk')" :class="[(active === 'jk') ? activeClass:normalClass]">
       <path class="mapclas" d="M284.4,351.4c0,0,2.3-1.1,3.4-2.3s0,2.3,1.1,3.4s1.1-2.3,1.1-3.4s2.3,1.1,2.3,2.3s1.1,0,2.3,1.1
	    s1.1-1.1,1.1-1.1l3.4,1.1c0,0,1.1-2.3,2.3-3.4s2.3-1.1,3.4-2.3s1.1-1.1,2.3-1.1s0,3.4,2.3,3.4s2.3-2.3,3.4-2.3s5.6-4.5,5.6-5.6
	    s3.4-1.1,3.4-2.3s0-4.5,0-6.8c0-0.3,0-0.4-0.1-0.5c-0.1-0.1-0.2-0.4-0.5-0.4c-0.4-0.1-1,0.1-1,0.1c-0.9,0.3-1.8,0.9-1.8,0.9v-1.1
	    l-2.3-1.1c0,0-2.3,0-2.3,1.1s0,3.4,0,4.5s-2.3,2.3-2.3,3.4s-2.3,1.1-3.4,1.1s-2.3,0-2.3,0l-1.1-5.6c0,0,1.1,0,1.1-1.1
	    c0-1.1,3.4-3.4,4.5-3.4s3.4-2.3,3.4-4.5s2.3-1.1,1.1-3.4c-1.1-2.3-2.3,0-3.4-1.1s-3.4-1.1-4.5-1.1s-2.3,3.4-3.4,3.4
	    s-1.1,1.1-2.3,0s-1.1-1.1-1.1-2.3s-1.1-3.4-1.1-3.4s-2.3,1.1-2.3,2.3s0,3.4,0,3.4l-1.1,3.4l-13.5-1.1l-2.3,2.3c0,0,0-2.3,1.1-3.4
	    s0-1.1-1.1-1.1s-1.1-3.4-1.1-3.4s-4.5,0-5.6,0s-2.3,2.3-2.3,3.4s-2.3-1.1-4.5-2.3s-3.4,2.3-3.4,2.3h-3.4l-1.1-2.3
	    c0,0,1.1-3.4,1.1-4.5s-3.4-1.1-3.4-1.1s-1.1-1.1-2.3-2.3s-2.3-4.5-3.4-4.5s-3.4,2.3-4.5,2.3s-5.6-3.4-5.6-4.5s-2.3,0-3.4,0
	    c-0.2,0-0.4,0-0.6-0.1c-3.7,2.8-12.2,10.2-14.1,10.2c-2.3,0-2.3,1.1-6.8,2.3c-4.5,1.1-11.3,5.6-11.3,5.6H201c0,0-2.3-2.3-5.6-2.3
	    c-3.4,0-3.4,3.4-3.4,3.4s0,7.9-1.1,9c-1.1,1.1-1.1,7.9-1.1,7.9v2.3c0,0-6.8,0-7.9,0c-1.1,0-4.5,2.3-4.5,2.3v12.4l1.1,1.1h3.4
	    c0,0,1.1-1.1,3.4-1.1s2.3,1.1,3.4,2.3s3.4-2.3,3.4-2.3c7.9,0,11.3,15.8,11.3,18s-1.1,4.5-3.4,5.6c-2.3,1.1-3.4,3.4-4.5,3.4
	    s-1.1,1.1-1.1,2.3s-1.1,2.3-1.1,2.3l-0.9,1.4c0.3,0.4,0.6,1.2-0.2,2c-1.1,1.1-3.4,5.6-3.4,5.6v4.5c0,0,4.5,2.3,3.4,5.6
	    s-3.4,3.4-3.4,6.8s3.4,6.8,3.4,10.1c0,1.3-0.7,3-1.5,4.5c1.8,0,2.9,0.1,4.9,1.1c2.3,1.1,4.5,0,4.5-1.1s0-3.4,1.1-5.6
	    c1.1-2.3,2.3-5.6,4.5-5.6s3.4,3.4,6.8,3.4c3.4,0,6.8,1.1,6.8,1.1s4.5-3.4,5.6-3.4s4.5,0,5.6,2.3c1.1,2.3,3.4,4.5,4.5,5.6
	    s2.3,5.6,2.3,5.6l3.4-1.1c0,0-1.1-2.3-1.1-3.4s0-2.3,1.1-2.3s3.4,1.1,3.4,1.1s3.4,0,4.5,0s1.1,0,2.3,0s1.1,1.1,2.3,1.1
	    s3.4,1.1,3.4,1.1s2.3,0,1.1-1.1s-3.4-2.3-3.4-3.4c0-1.1-1.1-1.1,0-2.3s0-1.1,2.3-1.1c2.3,0,2.3,1.1,2.3,2.3s3.4,1.1,3.4,1.1
	    s0.3-0.3,0.9-0.4c-1.5-2.2-3.2-4.5-3.2-5.2c0-1.1,6.8-7.9,6.8-7.9v-5.6c0,0-1.1-2.3,3.4-3.4s7.9,7.9,9,9s3.4-1.1,4.5-2.3
	    c1.1-1.1,1.1-4.5,2.3-6.8s1.1-3.4,2.3-5.6c1.1-2.3,5.6-2.3,5.6-2.3l2.3-1.1v-2.3c0,0-2.3-1.1-3.4-1.1s-2.3,0-3.4,0s-4.5,0-5.6,0
	    c-1.1,0-1.1-1.1-2.3-2.3s1.1-4.5,1.1-5.6s2.3-1.1,2.3-2.3s0-1.1,2.3-2.3s3.4-2.3,3.4-4.5s-3.4-2.3-4.5-3.4s2.3-2.3,1.1-3.4
	    s-3.4-3.4-3.4-4.5s-2.3-2.3-2.3-3.4s1.1-2.3,2.3-4.5C284.4,353.7,284.4,351.4,284.4,351.4z"></path>
       <circle class="outcirc" cx="253.7" cy="373" r="6"></circle>
       <circle class="incirc" cx="253.7" cy="373" r="3"></circle>
       <text transform="matrix(1 0 0 1 237.1773 395.2769)" class="fontclas">江口县</text>
      </a>
       <a class="map-a-hover" x="dj" @mouseover="changeData('dj')" @click="linkPage('dj')" :class="[(active === 'dj') ? activeClass:normalClass]">
       <path class="mapclas" d="M46.7,290.6c1.1,0,3.4,0,3.4,0l2.3-1.1c0,0,1.1-2.3,1.1-3.4s-2.3-2.3-2.3-3.4s2.3-2.3,3.4-2.3
	    c1.1,0,9-2.3,10.1-2.3s2.3,1.1,3.4,0s5.6,0,5.6,0s6.8-6.8,7.9-6.8s3.4-2.3,3.4-2.3V267c0,0,4.5-5.6,7.9-4.5
	    c3.4,1.1,3.4,2.3,4.5,3.4s3.4,1.1,4.5,1.1s0-5.6,1.1-6.8s2.3-6.8,3.4-6.8s5.6-1.1,5.6,1.1s-1.1,6.8-1.1,9s-1.1,5.6,1.1,4.5
	    s3.4,0,3.4,0l-1.1,3.4c0,0,1.1,3.4,2.3,3.4c1.1,0,5.6,2.3,5.6,2.3s5.6,0,5.6-1.1s1.1-3.4,2.3-3.4s3.4,3.4,3.4,4.5s0,2.3,1.1,1.1
	    c1.1-1.1,2.3-3.4,3.4-3.4s1.1-9,1.1-9s2.3-2.3,3.4-3.4s3.4-4.5,3.4-5.6s1.1-5.6,2.3-5.6s4.5-1.1,4.5-1.1s3.4-5.6,4.5-7.9
	    s2.3-1.1,3.4-4.5c0.3-0.8,0.7-1.9,1.3-3.1c-1.2-0.5-3.1-1-4.6-2.5c-2.3-2.3-4.5-4.5-4.5-4.5s-11.3,0-12.4,0s-2.3-2.3-3.4-3.4
	    s-2.3-4.5-2.3-4.5s-2.3-3.4-3.4-3.4s0-6.8,0-6.8l7.9-1.1v-1.1c0-1.1,1.1-2.3,0-3.4s-3.4-4.5-4.5-5.6c-1.1-1.1-4.5-2.3-6.8-3.4
	    s-1.1-1.1,0-2.3s-1.1-1.1-2.3-1.1s-3.4,0-4.5,1.1s-2.3,0-4.5,0c-2.3,0-2.3,2.3-3.4,2.3s0-3.4-1.1-4.5s-2.3-1.1-3.4-2.3
	    c-1.1-1.1-1.1-4.5,0-5.6c1.1-1.1,0-3.4-1.1-3.4c-1.1,0-2.3,0-3.4-1.1s-1.1-2.3-2.3-3.4s2.3-5.6,3.4-7.9s2.3-5.6,2.3-5.6
	    s-2.3-5.6-3.4-6.8c-1.1-1.1-1.1-4.5-1.1-5.6s1.1-4.5,1.1-4.5h-4.5c0,0-1.1-3.4-2.3-4.5c-1.1-1.1-4.5-6.8-5.6-6.8
	    c-1.1,0-5.6-2.3-5.6-2.3s2.3-1.1,2.3-3.4c0-0.6,0.2-1.1,0.5-1.4c-1.1,0.8-2.2,1.4-2.7,1.4c-1.1,0-4.5-1.1-4.5,0
	    c0,1.1-2.3,2.3-2.3,2.3s-3.4,0-3.4,1.1s-1.1,2.3-2.3,3.4s-3.4,2.3-3.4,3.4s2.3,3.4,2.3,4.5s-2.3,3.4-2.3,4.5s9,4.5,7.9,9
	    c-1.1,4.5-4.5,2.3-4.5,6.8s2.3,6.8,2.3,7.9c0,1.1-4.5,4.5-3.4,5.6s6.8,3.4,5.6,5.6s-7.9,15.8-9,15.8c-1.1,0-2.3-5.6-3.4-5.6
	    s-3.4,0-2.3-2.3c1.1-2.3,2.3-1.1,3.4-2.3c1.1-1.1-3.4-2.3-3.4-3.4s-1.1-1.1-1.1-2.3s-5.6-1.1-5.6-1.1v-1.1c0,0,5.6,0,6.8-1.1
	    c1.1-1.1,0-2.3,0-2.3s-3.4,0-4.5,0c-1.1,0-1.1-1.1-2.3-1.1s-4.5,2.3-3.4,3.4s1.1,2.3,1.1,3.4s-2.3,3.4-2.3,3.4s2.3,3.4,3.4,3.4
	    c1.1,0,3.4,0,4.5,1.1c1.1,1.1,1.1,3.4,1.1,4.5s-1.1,2.3-1.1,2.3s-3.4-4.5-5.6-4.5c-2.3,0-2.3,1.1-3.4,1.1c-1.1,0-7.9-2.3-9-1.1
	    s1.1,2.3,1.1,3.4s-3.4,1.1-3.4,1.1v-1.1h-9c0,0-1.1,4.5-1.1,5.6c0,1.1,0,13.5,0,13.5s1.1,5.6,0,6.8c-1.1,1.1-1.1,7.9,0,9
	    c1.1,1.1-1.1,10.1-1.1,10.1h-2.3v2.3l-6.8,3.4c0,0,0,1.1-1.1,1.1s-3.4-3.4-3.4-2.3s0,13.5,0,13.5s1.1,3.4,0,4.5s-3.4,5.6-3.4,6.8
	    s-2.3,4.5-2.3,5.6s2.3-1.1,3.4,1.1s4.5-2.3,4.5-1.1s0,6.8,0,6.8s5.6-2.3,5.6-1.1s-1.1,5.6,0,5.6c1.1,0,6.8-2.3,6.8-3.4
	    s2.3-4.5,2.3-4.5l1.1,1.1l1.1-2.3c0,0,1.1,3.4,2.3,4.5c1.1,1.1,4.5,6.8,5.6,7.9c0.9,0.9,2.4,1.7,3,2.6l1.5-0.3
	    C46.7,291.7,45.6,290.6,46.7,290.6z"></path>
       <circle class="outcirc" cx="94.3" cy="220.9" r="6"></circle>
       <circle class="incirc" cx="94.3" cy="220.9" r="3"></circle>
       <text transform="matrix(1 0 0 1 78.5752 242.4472)" class="fontclas">德江县</text>
      </a>
       <a class="map-a-hover" x="yp" @mouseover="changeData('yp')" @click="linkPage('yp')" :class="[(active === 'yp') ? activeClass:normalClass]">
        <path class="mapclas" d="M332.8,431.4c1.1-1.1-3.4-3.4-2.3-4.5c1.1-1.1,2.3-2.3,2.3-3.4s-2.3-3.4-3.4-3.4s-2.3,0-2.3,0
	    s-1.1,3.4-2.3,3.4s-1.1-2.3-3.4-2.3s-4.5,0-4.5,1.1s-3.4,3.4-3.4,4.5c0,1.1-1.1,1.1-3.4,3.4s-2.3,4.5-3.4,5.6s-4.5,2.3-5.6,3.4
	    c-0.4,0.4-0.9,0.9-1.6,1.6c0.2,0.1,0.4,0.4,0.4,0.7c0,1.1,2.3,3.4,2.3,3.4s1.1,1.1,1.1,2.3s0,4.5,0,4.5s-2.3,2.3-2.3,3.4
	    s-1.1,5.6-1.1,5.6s-3.4,0-5.6,0s-4.5-3.4-6.8-2.3c-2.3,1.1-3.4,0-4.5,1.1c-1.1,1.1-3.4,3.4-3.4,3.4s-1.1-1.1-2.3-1.1
	    s-2.3-1.1-3.4,0s-2.3,4.5-2.3,4.5l-3.4,1.1c0,0-1.1-2.3-1.1-3.4s0-2.3-1.1-3.4s-4.5-1.1-4.5,0s2.3,3.4,2.3,3.4v1.1h-4.5
	    c0,0,0,1.1,0,2.3s1.1,4.5,2.3,4.5s2.3,1.1,2.3,2.3s0,3.4,0,4.5s-1.1,1.1-1.1,2.3s-1.1,2.3-1.1,3.4s1.1,4.5,0,4.5s-2.3,0-2.3,0
	    l-1.1,4.5l-1.1,3.4c0,0,0,0-1.1,1.1c-1.1,1.1,0,1.1-2.3,2.3c-2.3,1.1-2.3,0-3.4,1.1s-1.1,1.1-1.1,2.3s0,2.3,1.1,2.3
	    s4.5,1.1,4.5,1.1s2.3,0,3.4,1.1s2.3,1.1,2.3,2.3s-1.1,2.3,0,2.3s2.3,1.1,2.3,2.3s1.1,2.3,0,2.3s-2.3,1.1-2.3,1.1l1.1,1.1
	    c0,0,1.1,0,2.3,0s2.3,1.1,2.3,1.1l1.1,2.3h1.1l1.1,2.3c0,0-1.1,1.1,0,1.1s3.4-3.4,3.4-3.4s0-3.4,1.1-3.4s2.3-3.4,2.3-3.4h2.3
	    c0,0-2.3-2.3-1.1-3.4c1.1-1.1,2.3-2.3,2.3-2.3l-2.3-2.3c0,0-2.3-2.3-1.1-2.3s0-2.3,0-2.3h-2.3v-1.1h1.1l1.1-2.3l3.4-2.3
	    c0,0,1.1,0,2.3,0s2.3-2.3,2.3-2.3h3.4l1.1-2.3c0,0,3.4-2.3,3.4-3.4c0-1.1-2.3,0-2.3-1.1s-1.1-2.3,0-2.3s2.3-1.1,2.3-1.1
	    s3.4,0,3.4,1.1s1.1,1.1,1.1,1.1s2.3,0,2.3-1.1s1.1-2.3,1.1-2.3s0-1.1,1.1-1.1s4.5,2.3,4.5,2.3v-3.4c0,0,2.3-3.4,2.3-4.5
	    s1.1-1.1,0-2.3s-2.3-2.3-2.3-3.4s1.1-3.4,1.1-3.4l2.3,1.1l1.1,2.3h2.3c0,0,1.1,0,1.1-1.1s1.1-1.1,1.1-1.1l1.1,1.1
	    c0,0,1.1,0,2.3-1.1s1.1-1.1,1.1-1.1v-4.5h2.3l1.1,1.1l1.1-2.3c0,0-1.1-1.1-1.1-2.3s-1.1,0,0-1.1c1.1-1.1,2.3-1.1,2.3-2.3
	    s0-2.3,0-2.3l-1.1-2.3v-1.1c0,0,4.5-1.1,4.5-2.3s1.1-3.4,1.1-3.4l-1.1-2.3l-1.1,2.3c0,0,0,0-1.1,1.1s0,1.1-1.1,1.1s-1.1,1.1-2.3,0
	    s-1.1-2.3-1.1-2.3h1.1l1.1,1.1c0,0,1.1,0,1.1-1.1s1.1-2.3,1.1-2.3l1.1-2.3c0,0-1.1-1.1,0-1.1s2.3-1.1,2.3-1.1h2.3l0.2,0.3
	    c0.4-0.4,0.7-0.9,1-1.4C333.9,435.9,331.7,432.5,332.8,431.4z"></path>
        <circle class="outcirc" cx="278.9" cy="482.6" r="6"></circle>
        <circle class="incirc" cx="278.9" cy="482.6" r="3"></circle>
        <text transform="matrix(1 0 0 1 288.4846 485.6003)" class="fontclas">玉屏县</text>
       </a>                                                                    </g>
     </svg>
	</div>
</template>
<script>
    import mapbg from '@/assets/images/map-bg.png'  //农业数据统计
    export default {
        name:'mapsvg',
        components: {
        },
        props: {
        },
        data () {
            return {
                mapbg,
				params:0,
                active:'bjq',
                activeClass:'map-a-hover active',
                normalClass:'map-a-hover'
            }
        },
        computed: {
        },
        methods: {
            changeData(e){
                if(this.active===e) return false;
                this.active=e;
                this.$store.state.currentCounty=e;
                this.$emit('changeData',e)
            },
            linkPage(e){
                let _this=this;
                switch (e){
                    case 'bjq':
                        _this.params='bjq';
                        break;
                    case 'ws':
                        _this.params='ws';
                        break;
                    case 'st':
                        _this.params='st';
                        break;
                    case 'yj':
                        _this.params='yj';
                        break;
                    case 'jk':
                        _this.params='jk';
                        break;
                    case 'sn':
                        _this.params='sn';
                        break;
                    case 'sq':
                        _this.params='sq';
                        break;
                    case 'dj':
                        _this.params='dj';
                        break;
                    case 'yh':
                        _this.params='yh';
                        break;
                    case 'yp':
                        _this.params='yp';
                        break;
                }
                this.$router.push({  //核心语句
                    path:'/countyView',   //跳转的路径
                    query:{           //路由传参时push和query搭配使用 ，作用时传递参数
                        id:_this.params ,
                    }
                })
            },
            init(){
                if(!this.$store.state.currentCounty){
                    this.$store.state.currentCounty=this.active;
                }else {
                    this.active=this.$store.state.currentCounty;
                }
                this.$store.state.bottomTitle=this.$store.state.currentCounty;
            }
        },
        mounted () {
        },
        created(){
            this.init()
        }
    }

</script>
<style type="text/css">
 .mapclas{fill:#1A1AD4;stroke:aqua;stroke-miterlimit:10;}
 .outcirc{fill:#56688C;}
 .incirc{fill:#22438A;}
 .fontclas{font-family:'MicrosoftYaHei';font-size:12px;fill:#77D3FF;}

 .active .mapclas{
  transition:fill 0.5s;
  fill:#0040FF;
 }

 .active .incirc{
  transition:fill 0.5s;
  fill:aqua;
  opacity:1;
 }
 .active .outcirc{
  transition:fill 0.5s;
  fill:#00CCFF;
  opacity:0.5;
  animation-name: zoom;
  animation-duration: 2s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
 }

 a:hover .mapclas{
              fill:#0040FF;
              transition:fill 0.5s;
             }
 a:hover .incirc{
              fill:aqua;
              transition:fill 0.5s;
             }
 a:hover .outcirc{
              fill:#00CCFF;
              transition:fill 0.5s;
              opacity:0.5;
              /*鼠标移入时，外圆放大动画*/
              animation: zoom ease infinite 2s;
              /*!*animation-name: zoom;*!*/
              /*!*animation-duration: 2s;*!*/
              /*!*animation-timing-function: ease;*!*/
              /*!*animation-iteration-count: infinite;*!*/
              /*transform: ;*/
              -webkit-transform-origin: 50% 50% 0;
              /*-moz-transform-origin: 0 0;*/
              /*-o-transform-origin: 0 0;*/
              /*-ms-transform-origin: 0 0;*/
              /*opacity:0.6;*/
              /*fill:#fff200;*/
             }
 @keyframes zoom {
  0% {
   transform:scale(1,1);
   opacity:0.6;
  }
  50% {
   transform:scale(1,1);
   opacity:0.2;
  }
  100% {
   transform:scale(1,1);
   opacity:0.6;
  }
 }
</style>